﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="/content/bootstrap.min.css">
    <link rel="stylesheet" href="/content/bootstrap-table.css">
    <link rel="stylesheet" href="/content/dataTables.bootstrap.css" />
    <link rel="stylesheet" href="/content/dataTables.responsive.css" />
    <script src="/scripts/jquery-2.1.4.min.js"></script>
    <script src="/scripts/bootstrap.min.js"></script>
    <script src="/scripts/bootstrap-table.js"></script>
    <script src="/scripts/dataTables.bootstrap.js"></script>
    <script src="/scripts/dataTables.responsive.js"></script>    
</head>
<body>
    <!--http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#basic-table-->
    <table id="tblSpams" class="display responsive no-wrap table table-bordered" data-url="/home/Get_TableSpam" data-toggle="table" data-side-pagination="server" data-pagination="false">
        <thead>
            <tr>
                <th data-field="spam_datetime_format" data-align="right" data-sortable="true">spam_datetime_format</th>
                <th data-field="msisdn" data-align="center" data-sortable="true">msisdn</th>
                <th data-field="spam_text" data-sortable="true">spam_text</th>
            </tr>
        </thead>
    </table>    
    <script>
        $(document).ready(function () {
            var table = $('#tblSpams').DataTable({
                responsive: true,
                ordering: false,
                info: false,
                filter: false,
                bLengthChange: false,
                paging: false
            });
            //new $.fn.dataTable.FixedHeader(table);
        });
    </script>
</body>
</html>
